<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
       p{
           font:italic bold 16px  "楷体2", "楷体3","微软雅黑",sans-serif;
           /* 
                颜色表示法：
                    具体的颜色名
                    rgb
                    16进制标识法
                    
           */
           color:rgb(0,255,0);
           height:50px;
           background-color: red;
           /* 对其方式 */
           text-align: center;
           /* 首行缩进 */
           text-indent:2em;
           /*
            line-height：行高，调整行间距
            对于单行文本而言，行高等于容器高度，则会让文字垂直居中 */
           line-height:50px;
           /*  text-decoration:文本修饰符
                none
                underline:下划线
                line-through:删除线
                overline:上划线
           */
           text-decoration: blink ;
           /* word-spacing：单词间距 */
           word-spacing: 20px;
        }
        div{
            text-transform: capitalize;
            /* letter-spacing:字符间距 50px; */
            word-spacing: 20px;
        }
    </style>
</head>
<body>
    <p>小日本与狗不得入</p>

    <div>sweet gostop gruubby insomia xiaot</div>
</body>
</html>